<%@ page contentType="text/html; charset=UTF-8" pageEncoding="UTF-8" %>
<!DOCTYPE html>
<html>
<head>
  <title>JSP - Hello World</title>
</head>
<style>
  body {
    font-family: Arial, sans-serif;
    background-color: #f2f2f2;
    padding: 20px;
  }

  h1 {
    text-align: center;
    color: #333333;
  }

  form {
    background-color: #ffffff;
    padding: 25px;
    border-radius: 8px;
    max-width: 400px;
    margin: 0 auto;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
  }

  label {
    display: block;
    margin-bottom: 8px;
    color: #555555;
    font-weight: bold;
  }

  input[type="text"],
  input[type="date"] {
    width: 100%;
    padding: 10px;
    margin-bottom: 15px;
    border: 1px solid #cccccc;
    border-radius: 4px;
  }

  .radio-group {
    display: flex;
    align-items: center;
    margin-bottom: 15px;
  }

  .radio-group input[type="radio"] {
    margin-right: 8px;
  }

  .radio-group label {
    margin-bottom: 0;
    font-weight: normal;
    color: #555555;
  }

  input[type="submit"] {
    background-color: #4CAF50;
    color: white;
    padding: 12px 20px;
    border: none;
    border-radius: 4px;
    cursor: pointer;
    width: 100%;
    font-size: 16px;
  }

  input[type="submit"]:hover {
    background-color: #45a049;
  }

  a {
    display: block;
    text-align: center;
    margin-top: 20px;
    color: #4CAF50;
    text-decoration: none;
    font-weight: bold;
  }

  a:hover {
    text-decoration: underline;
  }
</style>
<body>
<h1>添加学生</h1>
<form action="StudentServlet" method="post">
  <!-- 姓名输入框 -->
  <label for="name">姓名：</label>
  <input type="text" id="name" name="name" required />

  <!-- 性别单选按钮 -->
  <label for="gender">性别：</label>
  <div id="gender" class="radio-group">
    <input type="radio" id="male" name="gender" value="男" checked />
    <label for="male">男</label>
    <input type="radio" id="female" name="gender" value="女" />
    <label for="female">女</label>
  </div>

  <!-- 生日日期输入框 -->
  <label for="birthday">生日：</label>
  <input type="date" id="birthday" name="birthday" required />

  <!-- 班级输入框 -->
  <label for="clazz">班级：</label>
  <input type="text" id="clazz" name="clazz" required />

  <!-- 提交按钮 -->
  <input type="submit" value="添加学生" />
</form>
<br/>
</body>
</html>